.banner>div{
	font-size:70px;
	color: transparent;
	-webkit-text-stroke: 1px rgba(251, 229, 201, 0.5);
}

.banner>div::after{
	content:'Pricing,Plans';
	overflow: hidden;
	position: absolute;
	width: 0%;
	left: 0;
	color: rgb(251, 229, 201);
	filter: drop-shadow(0 0 0px);
	transition:width 0.5s,filter 0.5s,transform 1.5s 0.5s;
	transform: scale(3);
	
}
.banner>div:hover::after{
	width: 100%;
	filter: drop-shadow(0 0 20px);
	transform: scale(1);
}

.button div{
	padding: 30px 70px;
	margin: 3px;
}
.button div:first-of-type::after{
	content:'Annual';
	position: absolute;
	z-index: 5;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.5s;
	
}
.button div:nth-child(2)::after{
	content:'Monthly';
	position: absolute;
	z-index: 5;
	left: 50%;
	transform: translateX(-50%);
}


.act{
	background: #e47bd8;
	transition:0.5s;
	border-radius: 50rem;
	width: 240.22px;
	height: 105px;
	left:5px ;
}

.list{
	list-style-image:url('../img/li.png') ;
}
.product>div{
	color: #2c1438;
	transition: 0.5s;
}
.product>div:hover{
	background-color: #e47bd8;
	color: antiquewhite;
}
.product>div>.card{
	background: #422a4c;
	color: #fff;
	transition: 0.5s;
}
.product>div:hover .card{
	background: #faebd7;
	color: black;
}



.btn-outline-purple {
  color: #2c1438;
  border-color: #2c1438;
}

.btn-outline-purple:hover {
  color: #fff;
  background-color: #e47bd8;
  border-color: #e47bd8;
}
.btn-outline-white {
  color: #faebd7;
  border-color: #faebd7;
}

.btn-outline-white:hover {
  color: #2c1438;
  background-color: #faebd7;
  border-color: #faebd7;
}

